$(document).ready(function() {
    $('#table_elegant').click(function() {
        $('#table').removeClass('groovy');
        $('#table').addClass('elegant');
    });
    $('#table_groovy').click(function() {
        $('#table').removeClass('elegant');
        $('#table').addClass('groovy');
    });
    
    $('#list_nested_counter').click(function(){
        $('#lists').children('div:first').addClass('nested_counter');
        $('#lists').children('div:first').removeClass('menu_vertical');
        $('#lists').children('div:first').removeClass('menu_horizontal');
        $('#lists').children('div:first').removeClass('nested');
    });
    $('#list_nested_normal').click(function(){
        $('#lists').children('div:first').addClass('nested');
        $('#lists').children('div:first').removeClass('nested_counter');
        $('#lists').children('div:first').removeClass('menu_vertical');
        $('#lists').children('div:first').removeClass('menu_horizontal');
    });
    $('#list_v_menu').click(function(){
        alert("Sin implementar.");
        $('#lists').children('div:first').addClass('menu_vertical');
        $('#lists').children('div:first').removeClass('nested_counter');
        $('#lists').children('div:first').removeClass('menu_horizontal');
        $('#lists').children('div:first').removeClass('nested');
    });
    $('#list_h_menu').click(function(){
        alert("Sin implementar.");
        $('#lists').children('div:first').addClass('menu_horizontal');
        $('#lists').children('div:first').removeClass('menu_vertical');
        $('#lists').children('div:first').removeClass('nested_counter');
        $('#lists').children('div:first').removeClass('nested');
    });
});